.drop{
    width: 600px;
    margin: 100px auto;
    display: flex;
    justify-content: space-between;
}

.studyHeader{
    width: 150px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background-color: pink;
    margin-bottom: 10px;
}

.studyCon{
    width: 150px;
    height: 400px;
    text-align: center;
    background-color: pink;
    overflow: hidden;
}

.add{
    border: 1px solid #ae8d8c;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 30px;
    color: #ae8d8c;
    text-align: center;
    background-color: #fff;
    border-radius: 50%;
    margin: 50px auto;
}

.add:hover{
    cursor: pointer;
}

.learnHeader{
    width: 150px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background-color: #9cd28e;
    margin-bottom: 10px;
}

.learnCon{
    width: 150px;
    height: 400px;
    text-align: center;
    background-color: #9cd28e;
}

.completeHeader{
    width: 150px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background-color: #dddddd;
    margin-bottom: 10px;
}

.completeCon{
    width: 150px;
    height: 400px;
    text-align: center;
    background-color: #dddddd;
}

input{
    width: 120px;
    height: 30px;
    margin-top: 20px;
}

.bor{
    border: 1px solid #f00;
}